.index {
	min-height: 100vh;
	background-color: #58585b;
	min-height: 1840rpx;

	:deep() {
		.uv-navbar__content__left {
			padding: 0;
		}
	}

	.left_slot {
		width: 264rpx;
		height: 82rpx;
		background: url(@/static/images/back_bg.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		align-items: center;

		image {
			width: 36rpx;
			height: 36rpx;
			margin: 0 8rpx;
		}

		text {
			color: #ffffff;
			font-size: 29rpx;
			font-weight: bold;
		}
	}
	.content {
		min-height: 1840rpx;
		padding-top: 57px;
		box-sizing: border-box;
		background: url(@/static/images/bg3.png) no-repeat;
		background-size: 100% 100%;
		.countdown {
			display: flex;
			justify-content: flex-end;
			.countdown_view {
				width: 385rpx;
				height: 80rpx;
				border-radius: 10rpx 0rpx 0 10rpx;
				border: 2rpx solid #ff2f2f;
				border-right: none;
				background: rgba(255, 47, 47, 0.2);
				display: flex;
				align-items: center;
				position: relative;
				.value {
					color: #ffffff;
					font-size: 29rpx;
					font-weight: bold;
					padding-left: 34rpx;
					box-sizing: border-box;
				}
				image {
					width: 110rpx;
					height: 110rpx;
					position: absolute;
					right: 17rpx;
					bottom: 0;
					z-index: 2;
				}
			}
		}
		.invest {
			display: flex;
			justify-content: center;
			position: relative;
			.role {
				position: absolute;
				left: 155rpx;
				top: -72rpx;
				display: flex;
				image {
					width: 88rpx;
					height: 138rpx;
				}
				.role_view {
					width: 300rpx;
					height: 42rpx;
					line-height: 42rpx;
					text-align: center;
					color: #000000;
					font-size: 18rpx;
					font-weight: 400;
					border-radius: 21rpx;
					margin-top: 16rpx;
					background: #ffffff;
				}
			}
			.invest_view {
				width: 608rpx;
				height: 128rpx;
				background: url(@/static/images/g5.png) no-repeat;
				background-size: 100% 100%;
				display: flex;
				justify-content: space-between;
				position: relative;
				z-index: 2;
				.number_view {
					width: 300rpx;
					height: 128rpx;
					padding: 0 40rpx;
					box-sizing: border-box;
					display: flex;
					justify-content: space-between;
					align-items: center;
					.icon {
						width: 60rpx;
						height: 60rpx;
					}
					.value {
						flex: 1;
						color: #ffffff;
						font-size: 44rpx;
						font-weight: bold;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;
					}
					.down {
						width: 28rpx;
						height: 28rpx;
					}
				}
				.btn {
					width: 308rpx;
					height: 128rpx;
					line-height: 128rpx;
					text-align: center;
					color: #ffffff;
					font-size: 44rpx;
					font-weight: bold;
					background: url(@/static/images/g8.png) no-repeat;
					background-size: 100% 100%;
				}
			}
		}
		.introduce {
			margin-top: 58rpx;
			display: flex;
			justify-content: center;
			view {
				width: 364rpx;
				height: 134rpx;
				line-height: 134rpx;
				text-align: center;
				color: #ffffff;
				font-size: 32rpx;
				font-weight: bold;
				font-family: Alimama ShuHeiTi;
				background: url(@/static/images/g4.png) no-repeat;
				background-size: 100% 100%;
			}
		}
	}
	.btn_view {
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		.cell {
			width: 160rpx;
			height: 46rpx;
			border-radius: 23rpx 0rpx 0rpx 23rpx;
			margin-bottom: 48rpx;
			border: 2rpx solid #aaaaaa;
			box-sizing: border-box;
			background: linear-gradient(0deg, #444d59 0%, #a9b3c0 100%);
			display: flex;
			justify-content: flex-end;
			align-items: center;
			position: relative;
			&:last-child {
				margin-bottom: 0;
			}
			image {
				width: 68rpx;
				height: 68rpx;
				position: absolute;
				left: -18rpx;
				top: -12rpx;
				z-index: 2;
			}
			view {
				width: 110rpx;
				text-align: center;
				color: #ffffff;
				font-size: 28rpx;
				font-weight: bold;
			}
		}
	}
}
